<!DOCTYPE html>
<html lang="en" xmlns:th="http: / / www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>贷款计算器--提前还款计算器</title>
    <link rel="stylesheet" type="text/css" th:href="@{../css/base.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{../css/index.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{../css/message.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{../css/calculator1.css}"/>
</head>
<body>

<div class="header_bg">
    <header>
        <a class="logo" href="#">
            <img th:src="@{/images/logo.png}"/>
        </a>

        <ul id="nav">
            <li><a href="/jump?pg=index ">首页</a><span class="ul-img"></span></li>
            <li><a href="/jump?pg=borrow_home_page ">我要借出</a><span></span></li>
            <li><a href="/jump?pg=account_fund_management ">我要借入</a><span></span></li>
            <li><a href="/jump?pg=personal_center ">我的账户</a><span></span></li>
            <li><a href="/jump?pg=borrow_calculator">贷款计算器</a><span></span></li>
            <li><a href="/jump?pg=help_center ">帮助</a><span></span></li>
            <li><a href="/jump?pg=news ">社区</a><span></span></li>
            <li><a href="/jump?pg=authentication ">本金保障</a><span></span></li>
        </ul>


        <!--        <div id="unentry_status">-->
        <!--            <a href="/jump?pg=entry " id="header_entry">登录</a>-->
        <!--            <a href="/jump?pg=register " id="header_register">免费注册</a>-->
        <!--        </div>-->



        <ul id="person_message" style="display: block;margin-top: -55px;margin-left: 900px;float: left;width: 200px;">
            <li><a href="/jump?pg=personal_center "><span></span></a></li>
            <li><a href="/jump?pg=personal_center " th:text="${session.currentuser.firmName}"></a></li>
            <li><a href="/jump?pg=message "><span></span></a></li>
            <li><a href="/jump?pg=#"><span></span></a></li>
            <li><a id="leave" href="/firm/removeFirm">退出</a></li>

            <span id="person_message_num">22</span>

            <span id="message_setting1"></span>
            <ul id="message_setting2">
                <li>资料设置</li>
                <li>安全中心</li>
                <li>头像设置</li>
                <li><a href="/firm/update_pwd"> 修改密码</a></li>
                <li>选项名称</li>
            </ul>

        </ul>

    </header>
    <div class="lend_out_bg">
        <div class="lend_out">
            <a href="/jump?pg=borrow_details">发布借款</a>
            <a href="/jump?pg=borrow_interest">利息计算器</a>
            <a href="/jump?pg=borrow_credit_rating">个人信用借出等级</a>
            <a href="/jump?pg=lend_list_details">借出列表详情</a>
        </div>
    </div>

    <div class="borrow_in_bg">
        <div class="borrow_in">
            <a href="/jump?pg=borrow_details">查找借款</a>
            <a href="/jump?pg=borrow_interest">利息计算器</a>
            <a href="/jump?pg=borrow_credit_rating">个人信用借入等级</a>
            <a href="/jump?pg=borrow_repayment_treatment">还款</a>
            <a href="/jump?pg=lend_list_details">借入列表详情</a>
            <a href="/jump?pg=lend_list">查找放款</a>
        </div>
    </div>

</div>

<!--国家贷款-->
<div class="personal_center_main">
    <div class="personal_center_right">
        <div class="personal_center_right_header">
            <span class="personal_center_right_b3">工具说明</span>
            <p style="font-size: 18px" class="personal_1">
                不同银行对提前还款的要求不同，部分银行会收取违约金，具体需参考贷款合同上的约定。
            </p>
        </div>
        <div class="personal_center_right_main" >
            <span class="personal_center_right_b3">提前还款计算器</span>
            <div class="personal_center_right_content" >
                <table class="calculator1_table_2" >
                    <tr class="calculator1_tr_2">
                        <td class="calculator1_td_2">贷款总额：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1" name="amount" id="amount" type="text"/>元
                            <span class="errorMsg"></span>
                        </td>
                    </tr>
                    <tr class="calculator1_tr_2" >
                        <td class="calculator1_td_2" >原贷款期限:</td>
                        <td class="calculator1_td_2">
                            <select class="select_1" name="ways" id="ways">
                                <option value=24>2年(24期)</option>
                                <option value=36>3年(36期)</option>
                                <option value=48>4年(48期)</option>
                                <option value=60>5年(60期)</option>
                                <option value=72>6年(72期)</option>
                                <option value=84>7年(84期)</option>
                                <option value=96>8年(96期)</option>
                                <option value=108>9年(108期)</option>
                                <option value=120>10年(120期)</option>
                                <option value=132>11年(132期)</option>
                                <option value=144>12年(144期)</option>
                                <option value=156>13年(156期)</option>
                                <option value=168>14年(168期)</option>
                                <option value=180 selected>15年(180期)</option>
                                <option value=240>20年(240期)</option>
                                <option value=300>25年(300期)</option>
                                <option value=360>30年(360期)</option>
                            </select>
                        </td>
                    </tr>
                    <tr class="calculator1_tr_2">
                        <td class="calculator1_td_2">贷款利率：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1" name="cobankRate" id="com_rate" type="text"/>%
                            <span class="errorMsg"></span>
                        </td>
                    </tr>

                    <tr class="calculator1_tr_2">
                        <td class="calculator1_td_2">第一次还款时间：</td>
                        <td colspan="3">
                            <select class="select_1" name="year_3" id="year_3">
                                <option value=2000>2000</option>
                                <option value=2001>2001</option>
                                <option value=2002>2002</option>
                                <option value=2003>2003</option>
                                <option value=2004>2004</option>
                                <option value=2005>2005</option>
                                <option value=2006>2006</option>
                                <option value=2007>2007</option>
                                <option value=2008>2008</option>
                                <option value=2009>2009</option>
                                <option value=2010 selected>2010</option>
                                <option value=2011>2011</option>
                                <option value=2012>2012</option>
                                <option value=2013>2013</option>
                                <option value=2014>2014</option>
                                <option value=2015>2015</option>
                                <option value=2016 >2016</option>
                                <option value=2017 >2017</option>
                                <option value=2018 >2018</option>
                                <option value=2019>2019</option>
                                <option value=2020>2020</option>
                                <option value=2021>2021</option>
                            </select>年&nbsp;&nbsp;&nbsp;&nbsp;
                            <select class="select_1" name="mothy_3" id="mothy_3">
                                <option value=1>1</option>
                                <option value=2>2</option>
                                <option value=3>3</option>
                                <option value=4>4</option>
                                <option value=5>5</option>
                                <option value=6>6</option>
                                <option value=7>7</option>
                                <option value=8 selected>8</option>
                                <option value=9>9</option>
                                <option value=10>10</option>
                                <option value=11>11</option>
                                <option value=12>12</option>
                            </select>月
                            <span class="errorMsg"></span>
                        </td>
                    </tr>

                    <tr class="calculator1_tr_2">
                        <td class="calculator1_td_2">预计提前还款时间：</td>
                        <td colspan="3">
                            <select class="select_1" name="year_4" id="year_4">
                                <option value=2002>2002</option>
                                <option value=2003>2003</option>
                                <option value=2004>2004</option>
                                <option value=2005>2005</option>
                                <option value=2006>2006</option>
                                <option value=2007>2007</option>
                                <option value=2008>2008</option>
                                <option value=2009>2009</option>
                                <option value=2010 selected>2010</option>
                                <option value=2011>2011</option>
                                <option value=2012>2012</option>
                                <option value=2013>2013</option>
                                <option value=2014>2014</option>
                                <option value=2015>2015</option>
                                <option value=2016>2016</option>
                                <option value=2017>2017</option>
                                <option value=2018>2018</option>
                                <option value=2019>2019</option>
                                <option value=2020>2020</option>
                                <option value=2021>2021</option>
                                <option value=2022>2022</option>
                                <option value=2023>2023</option>
                                <option value=2024>2024</option>
                                <option value=2025>2025</option>
                                <option value=2026>2026</option>
                                <option value=2027>2027</option>
                                <option value=2028>2028</option>
                                <option value=2029>2029</option>
                                <option value=2030>2030</option>
                                <option value=2031>2031</option>
                                <option value=2032>2032</option>
                                <option value=2033>2033</option>
                                <option value=2034>2034</option>
                            </select>年&nbsp;&nbsp;&nbsp;&nbsp;
                            <select class="select_1" name="mothy_4" id="mothy_4">
                                <option value=1>1</option>
                                <option value=2>2</option>
                                <option value=3>3</option>
                                <option value=4>4</option>
                                <option value=5>5</option>
                                <option value=6>6</option>
                                <option value=7>7</option>
                                <option value=8 selected>8</option>
                                <option value=9>9</option>
                                <option value=10>10</option>
                                <option value=11>11</option>
                                <option value=12>12</option>
                            </select>月
                            <span class="errorMsg"></span>
                        </td>
                    </tr>

                    <tr class="calculator1_tr_2">
                        <td class="calculator1_td_2">还款类型：</td>
                        <td class="calculator1_td_6" colspan="3">
                            <label>
                                <input class="yiyang_1 width120_1 huise_3"
                                       id="huanying_1" type="radio" name="huanying_1" checked/>一次提前还清
                            </label>&nbsp;&nbsp;
                            <label>
                                <input class="yiyang_1 width120_1 huise_3"
                                       id="huanying_2"  type="radio" name="huanying_1"/>部分提前还款
                            </label>&nbsp;&nbsp;
                            <input  class="yiyang_1 width120_1 huise_4"  type="text"  id="text_1"/>元(不含当月应还款额)
                        </td>
                    </tr>

<!--                    <tr class="calculator1_tr_2">-->
<!--                        <td class="calculator1_td_2">处理方式：</td>-->
<!--                        <td class="calculator1_td_6" colspan="3">-->
<!--                            <label>-->
<!--                                <input class="yiyang_1 width120_1 huise_3"-->
<!--                                       id="chuli_1" type="radio" name="ra2" checked/>缩短还款年限，月还款额基本不变-->
<!--                            </label>&nbsp;&nbsp;-->
<!--                            <label>-->
<!--                                <input class="yiyang_1 width120_1 huise_3"-->
<!--                                       id="chuli_2" type="radio" name="ra2"/>减少月还款额，还款期不变-->
<!--                            </label>-->
<!--                        </td>-->

<!--                    </tr>-->

                    <tr class="calculator1_tr_2" >
                        <td align="center" colspan="2">
                            <input class="bj_h" value="开始计算" onclick="jisuan()" type="button"/>
                        </td>
                        <td align="center"  colspan="2">
                            <input class="bj_h_1" value="重  置" onclick="reset()"  type="reset"/>
                        </td>
                    </tr>
                    <tr class="calculator1_tr_2">
                        <td class="calculator_td_3">计算结果:</td>
                    </tr>

                    <tr class="calculator1_tr_2"  id="yuehuank">
                        <td class="calculator1_td_2">原月还款额：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1 bj" name="monthly_repayment"
                                   id="monthly_repayment" type="text" readonly=readonly style="background-color: gainsboro;"/>元
                        </td>
                        <td class="calculator1_td_4">原最后还款期：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1 bj" name="monthly_repayment"
                                   id="monthly_repayment_1" type="text" readonly=readonly style="background-color: gainsboro;"/>
                        </td>
                    </tr>

                    <tr class="calculator1_tr_2">
                        <td class="calculator1_td_2">已还款总额：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1 bj" name="tot_int"
                                   id="tot_int" type="text" readonly=readonly  style="background-color: gainsboro;"/>元
                        </td>
                        <td class="calculator1_td_4">已还利息额：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1 bj" name="tot_int"
                                   id="tot_int_1" type="text" readonly=readonly  style="background-color: gainsboro;"/>元
                        </td>
                    </tr>

                    <tr class="calculator1_tr_2">
                        <td class="calculator1_td_2">该月一次还款额：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1 bj" name="tot_expenditure"
                                   id="tot_expenditure" type="text" readonly=readonly style="background-color: gainsboro;" />元
                        </td>
                        <td class="calculator1_td_4">下月起还款额：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1 bj" name="tot_expenditure"
                                   id="tot_expenditure_1" type="text" readonly=readonly style="background-color: gainsboro;"/>元
                        </td>
                    </tr>


                    <tr class="calculator1_tr_2">
                        <td class="calculator1_td_2">节省利息支出：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1 bj" name="tot_expenditure"
                                   id="tot_expenditure_2" type="text" readonly=readonly style="background-color: gainsboro;"/>元
                        </td>
                        <td class="calculator1_td_4">新的最后还款期：</td>
                        <td>
                            <input class="yiyang_1 width120_1 huise_1 bj" name="tot_expenditure"
                                   id="tot_expenditure_3" type="text" readonly=readonly style="background-color: gainsboro;"/>
                        </td>
                    </tr>
<!--                    <tr class="calculator1_tr_2">-->
<!--                        <td class="calculator1_td_2">计算结果提示：</td>-->
<!--                        <td colspan="3"><input class="yiyang_1 width120_1 huise_2 bj"-->
<!--                                               name="tot_expenditure" id="tot_expenditure_4" type="text" readonly=readonly style="background-color: gainsboro;"/>-->
<!--                        </td>-->
<!--                    </tr>-->
                </table>
            </div>
        </div>
    </div>


    <!--		账户管理	-->
    <div class="personal_center_left_handle1">
        <div class="lend_follow_main_left1">

            <!--					贷款计算器-->
            <h5 style="font-size: 18px; background-color:#F0CEA9;height: 50px; ">
                <span class="lend_follow_main_left_icon1_1"></span >贷款计算器</h5>
            <h5  style="font-size: 15px;height: 50px; ">
                <span class="lend_follow_main_left_icon2_2"></span>
                <a href="/jump?pg=borrow_calculator">商业贷款计算器</a></h5>
            <h5 style="font-size: 15px;height: 50px; ">
                <span class="lend_follow_main_left_icon3_3"></span>
                <a href="/jump?pg=borrow_calculator_1">提前还贷计算器</a></h5>
            <h5 style="font-size: 15px;height: 50px; ">
                <span class="lend_follow_main_left_icon5_5"></span>
                <a href="/jump?pg=borrow_calculator_2">说明文档</a></h5>
        </div>

    </div>
    <!--			以上账户管理-->

    <div class="clear"></div>

    <div class="footer_bg2">
        <footer>
            <ul>
                <li><a href="#">常见问题</a>|</li>
                <li><a href="#">媒体报道</a>|</li>
                <li><a href="#">联系我们 </a>|</li>
                <li><a href="#">加入我们 </a>|</li>
                <li><a href="#">隐私保护</a></li>
            </ul>

            <p>Copyright©2013 daikuan All Rights Reserved   建智领航公司 版权所有</p>
        </footer>
    </div>
</div>
</div>
<div class="clearfix"></div>
</div>
<script th:src=" @{/js/jquery-1.12.4.min.js}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/js/Function.js}" ></script>
<script type="text/javascript" th:src="@{/js/calculator.js}"></script>
</body>
</html>